<template>
  <button 
    class="btn"
    :disabled="schema.disabled" 
    :readonly="schema.readonly" 
    :required="schema.required" 
    :width="schema.width"
    :height="schema.height"
    :type="schema.inputType"
    :class="[`btn-${schema.buttonType||'default'}`, `btn-${schema.size||'md'}`, schema.className]"
  >{{schema.text}}</button>
</template>
<script>
import XBase from './XBase.vue'
export default {
  name: 'XButton',
  extends: XBase
}
</script>
<style></style>